<template>
  <div>
    <div
      class="fixed-icon"
      @click="changePopup(true)"
    ></div>
    <tips
      @click.native="firstStateChange = false"
      v-if="firstStateChange"
      class="tips"
    ></tips>
    <div
      class="big-openg"
      v-if="PopupState"
    >
      <div class="openg">
        <div class="icons-box">
          <div>
            <div
              class="boradi"
              @click="goTeacherPage"
            >
              <svg
                class="teacher-svg"
                viewBox="0 0 50 46"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
              >
                <g
                  id="页面-1"
                  stroke="none"
                  stroke-width="1"
                  fill="none"
                  fill-rule="evenodd"
                >
                  <g
                    id="system-charge"
                    transform="translate(-1.000000, 0.000000)"
                    fill="#999999"
                    fill-rule="nonzero"
                  >
                    <path
                      d="M26,27.5 L19.5343622,30.8991869 L20.7691892,23.6995935 L15.5383783,18.6008131 L22.7671811,17.5504065 L26,11 L29.2328189,17.5504065 L36.4616217,18.6008131 L31.2308108,23.6995935 L32.4656378,30.8991869 L26,27.5 Z M8.57179051,36.1158743 L25.5558628,41.601226 L42.539386,36.1159292 L42.539386,3.54741217 L8.57179051,3.54741217 L8.57179051,36.1158743 Z M5.05789753,34.9809967 L5.05789753,0.0349467111 L46.053279,0.0349467111 L46.053279,34.9810516 L49.1254647,33.9888161 L50.1528391,37.2134717 L25.5558628,45.1116051 L0.958337422,37.2134717 L1.98571188,33.9888161 L5.05789753,34.9809967 Z"
                      id="Shape"
                    ></path>
                  </g>
                </g>
              </svg>
            </div>
            <p class="icon-text">教师专题</p>
          </div>
          <div>
            <div
              class="boradi"
              v-if="is_collection=== 'no' "
              @click="collectionCourse"
            >
              <svg
                class="xin"
                viewBox="0 0 52 46"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
              >
                <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
                <title>system-guanzhu</title>
                <desc>Created with Sketch.</desc>
                <g
                  id="页面-1"
                  stroke="none"
                  stroke-width="1"
                  fill="none"
                  fill-rule="evenodd"
                >
                  <g
                    id="system-guanzhu"
                    fill="#999999"
                    fill-rule="nonzero"
                  >
                    <path
                      d="M26.0638432,45.0755311 L5.55225686,28.1991558 C2.0543817,25.2343086 0.035707472,20.8161049 0.01250432,16.0723494 C0.006703532,13.8806879 0.412758692,11.7646008 1.2306698,9.77640918 C2.01957697,7.85216522 3.15653142,6.13720458 4.59512684,4.68966154 C7.32729799,1.93991109 10.9063842,0.428420365 14.6652948,0.428420365 C19.2421165,0.428420365 23.6043091,2.64914905 26.0638432,6.2302194 C28.5175766,2.64914905 32.8623668,0.428420365 37.3927822,0.428420365 C41.1342905,0.428420365 44.6843727,1.93409767 47.3991415,4.66059441 C48.8435377,6.10813745 49.9746914,7.82309809 50.7635985,9.75896891 C51.5815096,11.752974 51.9875648,13.8748744 51.981764,16.0781628 C51.9643616,20.8451721 49.957289,25.2633757 46.482617,28.2049692 L46.4652146,28.2165961 L26.0638432,45.0755311 L26.0638432,45.0755311 Z M7.93638073,25.3505771 L26.0580424,40.2562011 L44.0984931,25.3505771 C46.7320509,23.1124082 48.2576581,19.7289943 48.2692597,16.0607226 C48.2750605,14.3573888 47.9618179,12.7063758 47.329532,11.1716314 C46.7262501,9.69502122 45.8619327,8.3870004 44.7713845,7.28826291 C42.7585111,5.2651907 40.1365549,4.14901293 37.3927822,4.14901293 C34.0631299,4.14901293 30.8958996,5.75351847 29.1208585,8.34049299 L26.0638432,12.7993906 L23.006828,8.34049299 C22.1541121,7.09641985 20.9301458,6.04418977 19.4683473,5.30588468 C17.9833455,4.55013932 16.3243202,4.15482636 14.6652948,4.15482636 C11.8983189,4.15482636 9.25896039,5.28263098 7.2228838,7.32314346 C6.12653487,8.42769438 5.26221746,9.72990178 4.65893551,11.2006985 C4.02664962,12.735443 3.71340706,14.3690156 3.71920785,16.066536 C3.742411,19.7057406 5.27381904,23.0891545 7.93638073,25.3505771 L7.93638073,25.3505771 Z"
                      id="Shape"
                    ></path>
                  </g>
                </g>
              </svg>
            </div>
            <div
              class="boradi"
              v-if="is_collection === 'yes'"
              @click="collectionCourse"
            >
              <svg
                version="1.1"
                id="xinxinx"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                x="0px"
                y="0px"
                viewBox="0 0 230.3 200"
                style="enable-background:new 0 0 230.3 200;"
                xml:space="preserve"
              >
                <path
                  class="st1"
                  d="M163.4-0.1c-18.2,0-35.7,7.4-48.3,20.7C102.7,7.5,85.4-0.1,66.8-0.1C30-0.1,0.2,29.7,0.2,66.5
	c0,16.6,6.1,32.7,17.1,45.1c0.2,0.3,0.4,0.5,0.6,0.9l69.4,74.1c15.3,18,40.8,18,56.2-0.2l68.7-73.7c0.2-0.2,0.3-0.3,0.4-0.4
	c0.5-0.6,1.1-1.2,1.6-1.8l1-1.1c0.3-0.4,0.6-0.7,0.8-1.1c9.2-11.5,14.1-25.9,14.1-41.7C230.1,29.7,200.2-0.1,163.4-0.1z
	 M187.6,120.9h0.3l-0.3,0.3V120.9z"
                />
              </svg>
            </div>
            <p class="icon-text">收藏</p>
          </div>
          <div>
            <div
              class="boradi"
              @click="totast"
            >
              <svg
                class="twoowo"
                viewBox="0 0 45 46"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
              >
                <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
                <defs>
                  <polygon
                    id="path-1"
                    points="0 6.9e-05 44.547274 6.9e-05 44.547274 46 0 46"
                  ></polygon>
                </defs>
                <g
                  id="页面-1"
                  stroke="none"
                  stroke-width="1"
                  fill="none"
                  fill-rule="evenodd"
                >
                  <g id="Group-3">
                    <mask
                      id="mask-2"
                      fill="white"
                    >
                      <use xlink:href="#path-1"></use>
                    </mask>
                    <g id="Clip-2"></g>
                    <path
                      d="M37.528134,17.208209 C35.180524,10.845949 29.095644,6.302529 21.937814,6.302529 C14.810344,6.302529 8.744784,10.807309 6.377624,17.127249 C6.256414,16.986489 6.125314,16.854699 5.985244,16.732569 C7.327754,9.033779 13.954974,3.178669 21.945404,3.178669 C29.898114,3.178669 36.504864,8.975819 37.891074,16.623319 C37.751694,16.805939 37.630254,17.001209 37.528134,17.207059 L37.528134,17.208209 Z M40.848874,15.123719 C40.818514,15.123719 40.791604,15.129469 40.762624,15.129469 C38.761854,6.463299 31.114354,6.9e-05 21.945404,6.9e-05 C12.525754,6.9e-05 4.702534,6.821639 2.968794,15.843159 C1.244484,16.161019 -0.005336,17.666829 -4.6e-05,19.420119 L-4.6e-05,26.591979 C-4.6e-05,28.601949 1.608804,30.231959 3.604054,30.231959 C4.683674,30.227589 5.703034,29.733089 6.375094,28.888299 C7.970144,33.097529 11.193134,36.487039 15.316804,38.292079 C15.368094,38.189269 15.428584,38.091059 15.497584,37.999289 C15.561984,37.915569 15.634664,37.847259 15.696534,37.847259 C15.759094,37.848409 15.820044,37.869109 15.870184,37.906369 C14.918444,37.197969 11.487764,33.561899 10.747394,28.489939 C10.421254,26.257329 12.093814,24.065429 14.041224,23.702949 C17.167614,23.123809 20.278134,22.457729 23.404524,21.886179 C25.391724,21.523929 26.751024,20.433729 27.580634,18.618339 C27.773604,18.194219 28.056044,17.335629 28.184844,16.098689 C28.214744,15.912619 28.374824,15.775079 28.563194,15.773699 C28.686474,15.775309 28.801934,15.834879 28.874844,15.934469 L28.961094,15.881339 C30.193434,17.670279 32.636954,21.631339 32.987934,25.808829 C33.390664,30.584549 33.165954,33.853309 29.512404,37.199809 L29.497684,37.214069 C29.445704,37.269499 29.416724,37.342639 29.416494,37.418769 C29.417644,37.517669 29.468244,37.609439 29.551044,37.663259 C29.581404,37.675449 29.611764,37.692239 29.641894,37.704429 C29.665584,37.711789 29.689964,37.716159 29.714574,37.717999 C29.738034,37.716389 29.761034,37.712019 29.783574,37.704429 C29.835554,37.676599 29.884314,37.645089 29.935374,37.618179 C33.667584,35.557839 36.471514,32.149469 37.774004,28.090429 C38.316114,28.892439 39.151014,29.449959 40.099764,29.643159 C38.549334,36.683229 32.274704,41.086809 24.497254,41.755649 C24.005744,40.554819 22.834354,39.772589 21.536694,39.778569 C19.777424,39.778569 18.350044,41.172599 18.350044,42.890239 C18.350044,44.607879 19.776734,46.000069 21.536694,46.000069 C22.905194,46.006509 24.122814,45.133889 24.556364,43.836229 C33.559254,43.104599 40.774124,37.753189 42.282234,29.439149 C43.651424,28.871049 44.545204,27.535209 44.547274,26.052629 L44.547274,18.795209 C44.539224,16.760399 42.883914,15.117049 40.848874,15.123719 L40.848874,15.123719 Z M22.483604,36.290619 C24.973124,36.289469 27.178364,34.683379 27.942884,32.313919 C27.995324,32.155219 27.919194,31.982949 27.767164,31.914409 C27.614214,31.847939 27.436194,31.905899 27.351554,32.049419 C27.343734,32.062989 26.465824,33.480019 23.050554,33.941629 C22.559964,34.009249 22.065464,34.044209 21.570274,34.046509 C19.177584,34.046509 18.111074,33.145369 18.100724,33.134559 C17.965024,33.014499 17.757564,33.027379 17.637504,33.163309 C17.541824,33.271869 17.528484,33.430339 17.604614,33.553389 C18.651574,35.245959 20.495484,36.280959 22.485444,36.293149 L22.483604,36.290619 Z"
                      id="Fill-1"
                      fill="#999999"
                      mask="url(#mask-2)"
                    ></path>
                  </g>
                </g>
              </svg>
            </div>
            <p class="icon-text"> 在线客服</p>
          </div>
          <div>
            <div
              class="boradi"
              @click="presentationCourse"
            >
              <svg
                class="twoowo"
                viewBox="0 0 48 46"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
              >
                <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
                <title>hangye-gift</title>
                <desc>Created with Sketch.</desc>
                <g
                  id="页面-1"
                  stroke="none"
                  stroke-width="1"
                  fill="none"
                  fill-rule="evenodd"
                >
                  <g
                    id="hangye-gift"
                    fill="#999999"
                    fill-rule="nonzero"
                  >
                    <path
                      d="M34.3288273,10.2002767 C34.7684659,9.32729396 35.0181373,8.3335211 35.0181373,7.28484367 C35.0181373,3.72153657 32.1631997,0.833555778 28.6406627,0.833555778 C26.8115488,0.833555778 25.1615468,1.61320078 24.0000323,2.8595347 C22.8385178,1.61320078 21.1885159,0.833555778 19.3594019,0.833555778 C15.8368649,0.833555778 12.9819274,3.72153657 12.9819274,7.28484367 C12.9819274,8.3335211 13.2315988,9.3218035 13.6712374,10.2002767 L0.824018526,10.2002767 L0.824018526,23.0808907 L6.03455091,23.0808907 L6.03455091,45.9102141 L41.9112374,45.9102141 L41.9112374,23.0808907 L47.1217698,23.0808907 L47.1217698,10.2002767 L34.3288273,10.2002767 Z M22.23605,42.3963212 L9.50281152,42.3963212 L9.50281152,23.0808907 L22.23605,23.0808907 L22.23605,42.3963212 Z M22.23605,19.5669977 L4.29227914,19.5669977 L4.29227914,13.7141697 L18.8057829,13.7141697 C18.9848949,13.7306411 19.1694346,13.7361316 19.3539743,13.7361316 L22.2306224,13.7361316 L22.2306224,19.5669977 L22.23605,19.5669977 Z M22.23605,10.2002767 L19.343119,10.2002767 C17.7473935,10.2002767 16.450188,8.88805734 16.450188,7.27386275 C16.450188,5.65966816 17.7473935,4.34744876 19.343119,4.34744876 C20.9388446,4.34744876 22.23605,5.65966816 22.23605,7.27386275 L22.23605,10.2002767 L22.23605,10.2002767 Z M25.7097383,7.27386275 C25.7097383,5.65966816 27.0069437,4.34744876 28.6026693,4.34744876 C30.1983948,4.34744876 31.4956003,5.65966816 31.4956003,7.27386275 C31.4956003,8.88805734 30.1983948,10.2002767 28.6026693,10.2002767 L25.7097383,10.2002767 L25.7097383,7.27386275 Z M38.4429768,42.3963212 L25.7097383,42.3963212 L25.7097383,23.0808907 L38.4429768,23.0808907 L38.4429768,42.3963212 Z M43.6480815,19.5669977 L25.7097383,19.5669977 L25.7097383,13.7361316 L28.6406627,13.7361316 C28.8252024,13.7361316 29.0097421,13.7306411 29.1888542,13.7141697 L43.6480815,13.7141697 L43.6480815,19.5669977 L43.6480815,19.5669977 Z"
                      id="Shape"
                    ></path>
                  </g>
                </g>
              </svg>
            </div>
            <p class="icon-text">赠送好友</p>
          </div>
          <div>
            <div
              class="boradi"
              @click="gohome"
            >
              <svg
                id="gohome"
                width="52px"
                height="46px"
                viewBox="0 0 52 46"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
              >
                <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
                <g
                  id="页面-1"
                  stroke="none"
                  stroke-width="1"
                  fill="none"
                  fill-rule="evenodd"
                >
                  <g
                    fill="#999999"
                    fill-rule="nonzero"
                  >
                    <path
                      d="M45.1528226,40.4376791 C45.1528226,43.2741191 42.9241923,45.5027493 40.0877524,45.5027493 L12.5337446,45.5027493 C12.1285392,45.5027493 11.8246333,45.5027493 11.4194268,45.4014477 C8.68428852,44.9962418 7.06346799,43.3754207 7.06346799,40.3363775 L7.06346799,27.1671673 L4.83483775,27.1671673 C2.30230267,27.0658657 0.377577287,25.0398387 0.377577287,22.5073036 C0.377577287,21.4942874 0.782783221,20.4812766 1.39059346,19.5695621 L1.59319616,19.3669594 L7.36738299,14.8083973 L22.2587153,1.43661588 C22.7652224,1.03140994 23.2717315,0.727504559 23.8795359,0.524901325 C25.3990548,-0.184209994 27.2224839,0.0183943087 28.438098,1.13271103 L38.6695453,10.3511422 L49.8127231,19.0630385 C49.9140247,19.1643401 50.0153258,19.1643401 50.0153258,19.2656412 L50.1166274,19.3669428 C50.9270404,20.2786574 51.3322469,21.3929698 51.3322469,22.5072876 C51.3322469,24.5333146 50.0153258,26.3567437 47.9892988,27.0658497 L47.6853945,27.1671513 L47.3814902,27.1671513 L45.0515583,27.1671513 L45.0515583,40.0324513 C45.15286,40.235054 45.15286,40.3363556 45.15286,40.4376572 L45.1528226,40.4376791 Z M36.137016,13.5927773 L36.0357144,13.4914757 L25.8042671,4.2730446 C25.8042671,4.2730446 25.7029655,4.37434621 25.3990612,4.4756473 L24.9938553,4.57694891 C24.9938553,4.57694891 20.0300867,9.03420938 10.1025229,18.0500159 L10.0012213,18.1513175 L4.63223024,22.3046731 C4.53092863,22.4059747 4.53092863,22.5072758 4.53092863,22.6085774 C4.53092863,22.9124818 4.73353133,23.1150845 5.24003995,23.2163871 L11.216798,23.2163871 L11.216798,40.4376086 C11.216798,41.3493232 11.216798,41.3493232 12.0272109,41.4506248 L39.9864145,41.4506248 C40.5942242,41.4506248 40.9994306,41.0454189 40.9994306,40.4376086 L40.9994306,23.1150481 L46.874903,23.1150481 C47.0775057,22.9124454 47.280109,22.7098422 47.280109,22.5072384 C47.280109,22.4059368 47.280109,22.3046357 47.0775063,22.1020325 L36.136953,13.5927074 L36.137016,13.5927773 Z M30.3628292,16.226614 C31.8823481,16.226614 33.1992692,16.8344237 34.3135869,17.9487362 C35.3266031,18.9617524 35.8331059,20.3799697 35.8331059,21.8994939 C35.8331059,23.3177112 35.4278999,24.3307274 34.3135869,26.0528495 C33.503174,27.3697705 31.9836551,28.8892895 29.9576281,30.7127132 C28.9446119,31.6244278 27.8302995,32.536137 27.0198865,33.1439467 C26.8172838,33.3465494 26.5133795,33.3465494 26.2094736,33.3465494 C25.9055693,33.3465494 25.7029666,33.2452478 25.3990607,33.1439467 C24.5886477,32.536137 23.4743353,31.6244278 22.4613191,30.7127132 C20.4352921,28.9905911 18.9157679,27.3697652 18.1053603,26.0528495 C17.5988533,25.2424366 17.2949473,24.7359285 17.0923441,24.2294258 C16.7884398,23.4190128 16.5858371,22.7099068 16.5858371,21.8994939 C16.5858371,20.379975 17.0923441,19.063054 18.105356,17.9487362 C19.1183722,16.8344184 20.5365895,16.226614 22.0561137,16.226614 C23.6769342,16.226614 25.1964585,16.9357254 26.3107709,18.252641 C27.2224855,16.93572 28.7420044,16.226614 30.3628303,16.226614 L30.3628292,16.226614 Z M28.8433103,29.3958243 C30.7680357,27.6737021 32.1862583,26.2554795 32.8953696,25.141167 C33.9083858,23.6216481 34.2122907,22.9125368 34.2122907,21.8995206 C34.2122907,20.7852028 33.8070847,19.8734936 33.0979729,19.0630807 C32.3888616,18.2526677 31.3758507,17.8474613 30.3628346,17.8474613 C29.2485168,17.8474613 28.1342043,18.3539683 27.425093,19.2656786 L26.2094736,20.7851975 L24.9938542,19.2656786 C24.2847429,18.353964 23.1704304,17.8474613 22.0561126,17.8474613 C21.0430965,17.8474613 20.0300856,18.2526672 19.3209743,19.0630807 C18.611863,19.772192 18.2066565,20.7852028 18.2066565,21.8995206 C18.2066565,22.5073303 18.3079582,23.0138384 18.6118625,23.6216428 C18.8144652,24.0268482 19.0170684,24.4320557 19.523577,25.1411617 C20.33399,26.2554795 21.6509056,27.7749984 23.5756364,29.3958189 C24.4873509,30.2062318 25.5003618,31.0166394 26.3107747,31.6244491 C26.9185844,30.9153378 27.9315952,30.2062318 28.8433098,29.3958189 L28.8433103,29.3958243 Z M30.3628292,16.327953 C29.0459082,16.327953 27.7289925,16.8344601 26.7159763,17.847472 L26.1081666,18.353979 L25.5003569,17.847472 C24.4873408,16.9357574 23.1704251,16.327953 21.8535041,16.327953 C20.4352868,16.327953 19.0170641,16.9357628 18.004048,17.9487736 C16.9910318,18.9617897 16.4845291,20.380007 16.4845291,21.7982297 C16.4845291,22.6086426 16.6871318,23.3177486 16.9910361,24.1281615 C17.1936388,24.6346686 17.4975431,25.1411777 18.0040522,25.9515853 C18.8144652,27.2685063 20.3339841,28.7880252 22.3600111,30.5101474 C23.3730273,31.4218619 24.4873397,32.2322695 25.2977526,32.9413808 C25.5003553,33.0426825 25.7029586,33.1439835 26.006864,33.1439835 C26.3107683,33.1439835 26.513371,33.0426819 26.7159753,32.9413808 C27.5263882,32.3335711 28.6407007,31.4218619 29.6537168,30.5101474 C31.6797438,28.6867236 33.1992681,27.1671994 34.0096757,25.9515853 C35.2252951,24.2294632 35.5291946,23.216447 35.5291946,21.7982297 C35.5291946,20.3800124 35.0226876,18.9617897 34.0096757,17.9487736 C33.1992627,16.8344558 31.7810454,16.327953 30.3628228,16.327953 L30.3628292,16.327953 Z M30.3628292,14.7071325 C32.2875546,14.7071325 34.0096821,15.5175455 35.3265978,16.8344611 C36.6435188,18.1513822 37.3526248,19.9748059 37.3526248,21.7982297 C37.3526248,23.5203518 36.8461178,24.8372729 35.529201,26.7619982 C34.6174865,28.1802155 32.9966659,29.8010414 30.8693373,31.7257668 C29.7550195,32.6374813 28.6407071,33.5491905 27.8302941,34.2583019 C27.3237871,34.6635078 26.7159763,34.7648089 26.108172,34.7648089 C25.5003623,34.7648089 24.8925526,34.5622062 24.3860498,34.2583019 C23.4743353,33.5491905 22.3600228,32.738783 21.3470067,31.7257668 C19.2196781,29.902343 17.5988522,28.1802155 16.687143,26.7619982 C16.0793333,25.8502837 15.7754284,25.3437809 15.4715236,24.7359712 C15.0663176,23.7229551 14.8637139,22.8112459 14.8637139,21.7982297 C14.8637139,19.9748059 15.5728252,18.1513768 16.8897409,16.8344611 C18.2066619,15.4162438 20.0300856,14.7071325 21.8535094,14.7071325 C23.3730283,14.7071325 24.8925526,15.2136395 26.1081666,16.1253498 C27.323786,15.2136353 28.843305,14.7071325 30.3628239,14.7071325 L30.3628292,14.7071325 Z"
                      id="形状"
                    ></path>
                  </g>
                </g>
              </svg>
            </div>
            <p class="icon-text">回到首页</p>
          </div>
        </div>
        <div
          class="close"
          @click="changePopup(false)"
        >
          取消
        </div>
      </div>
    </div>
    <confirm
      v-model="shows"
      :show-cancel-button="false"
    >
      <div> 添加知运客服 了解更多</div>
      <img src="https://o6wndwjxn.qnssl.com/ll.png">
    </confirm>
  </div>
</template>

<script>
import tips from '@/components/index/neirongTs'
import { newUser, collectionOnclick } from '@/api/assemble'
import { mapState } from 'vuex'
import {
  Confirm
} from 'vux'
export default {
  props: ['is_collection', 'curriculum_id', 'lecturer_id'],
  components: {
    tips,
    Confirm
  },
  created () {
    this.openFirst()
  },
  data () {
    return {
      shows: false,
      PopupState: false,
      firstStateChange: false
    }
  },
  computed: {
    ...mapState({
      app_id: state => state.app_id,
      user_id: state => state.member_id
    })
  },
  methods: {
    totast () {
      this.shows = true
      this.PopupState = false
    },
    gohome () {
      this.$router.push({
        path: '/home'
      })
    },
    // 判断是否是第一次进入
    openFirst () {
      let obj = {
        user_id: this.user_id
      }
      newUser(obj).then(res => {
        if (res.data.code === 200) {
          if (res.data.data == 0) {
            this.firstStateChange = true
          } else {
            this.firstStateChange = false
          }
        } else {
          this.firstStateChange = true
        }
      })
    },
    // 打开关闭弹出层
    changePopup (state) {
      this.PopupState = state
    },
    //  去老师页面
    goTeacherPage () {
      this.$router.push({
        path: '/teacher',
        query: {
          lecturer_id: this.lecturer_id
        }
      })
    },
    //  收藏||取消收藏
    collectionCourse () {
      let obj = {
        curriculum_id: this.curriculum_id,
        user_id: this.user_id
      }
      collectionOnclick(obj).then(res => {
        if (res.data.code === 200) {
          this.$emit('collectionCourse', true)
        } else {
          alert('收藏失败')
        }
      })
    },
    // 开启赠送课程弹窗
    presentationCourse () {
      this.PopupState = false
      this.$emit('openPresentationCourse')
    }
  }
}
</script>
<style lang="less" scoped>
.xin {
  width: calc(100vw * 44 / 750);
  height: calc(100vw * 36 / 750);
}
.teacher-svg {
  width: calc(100vw * 49 / 750);
  height: calc(100vw * 45 / 750);
}
#gohome {
  width: calc(100vw * 51 / 750);
  height: calc(100vw * 45 / 750);
}
.twoowo {
  width: calc(100vw * 46 / 750);
  height: calc(100vw * 45 / 750);
}
#xinxinx{
  width: calc(100vw * 44 / 750);
  height: calc(100vw * 36 / 750);
}
.tips {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
.big-openg {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9998;
}
.openg {
  width: 100%;
  position: fixed;
  height: calc(100vw * 345 / 750);
  bottom: 0;
  z-index: 200;
  box-sizing: border-box;
  padding-top: calc(100vw * 40 / 750);
  border-radius: 4px 4px 0px 0px;
  background: #f5f5f5;
  box-shadow: inset 0 1px 0 0 #dddddd;
}
.icons-box {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  div {
    flex: 1;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;
    border-radius: 4px;
  }
}
.boradi {
  width: calc(100vw * 120 / 750);
  height: calc(100vw * 120 / 750);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 17px;
}
.fixed-icon {
  width: 45px;
  height: 45px;
  background-image: url("http://o6wndwjxn.qnssl.com/e7121201903051841447357.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: fixed;
  z-index: 100;
  right: 13px;
  top: 85%;
}
.close {
  width: 100%;
  height: calc(100vw * 100 / 750);
  background-color: #fff;
  line-height: calc(100vw * 100 / 750);
  text-align: center;
  color: #1a1a1a;
  font-size: 17px;
  position: absolute;
  bottom: 0;
}
.st0 {
  fill: #666666;
}

.st1 {
  fill: #ff0000;
}
.icon-text {
  font-family: PingFangSC-Regular;
  font-size: 10px;
  color: #999999;
  text-align: center;
  width: 100%;
}
</style>
